<template>
    <div class="ddreports-container">
      <!-- 头部导航栏 -->
      <div class="header">
        <button class="back-button" @click="goBack">
          <i class="arrow-left">←</i>
        </button>
        <h2>农机状态报告</h2>
      </div>
  
      <!-- 内容区域 -->
      <div class="content">
        <!-- 封面标题 -->
        <h3>一年内农机使用情况及状态分析（截至2025年4月）</h3>
  
        <!-- 表格数据 -->
        <div class="table-container">
          <p>一年内农机使用情况及状态数据表如下：</p>
          <table>
            <thead>
              <tr>
                <th>月份</th>
                <th>累计作业时长（小时）</th>
                <th>累计故障次数</th>
                <th>累计维护次数</th>
            </tr>
            </thead>
            
            <tbody>
              <tr>
                <td>2024年 5月</td>
                <td>3103</td>
                <td>13</td>
                <td>20</td>
              </tr>
              <tr>
                <td>2024年 6月</td>
                <td>3342</td>
                <td>20</td>
                <td>28</td>
              </tr>
              <tr>
                <td>2024年 7月</td>
                <td>3320</td>
                <td>23</td>
                <td>29</td>
              </tr>
              <tr>
                <td>2024年 8月</td>
                <td>3282</td>
                <td>18</td>
                <td>23</td>
              </tr>
              <tr>
                <td>2024年 9月</td>
                <td>3329</td>
                <td>25</td>
                <td>27</td>
              </tr>
              <tr>
                <td>2024年 10月</td>
                <td>3282</td>
                <td>23</td>
                <td>26</td>
              </tr>
              <tr>
                <td>2024年 11月</td>
                <td>2945</td>
                <td>30</td>
                <td>32</td>
              </tr>
              <tr> 
                <td>2024年 12月</td>
                <td>2910</td>
                <td>34</td>
                <td>39</td>
              </tr>
              <tr>
                <td>2025年 1月</td>
                <td>2813</td>
                <td>42</td>
                <td>48</td>
              </tr>
              <tr>
                <td>2025年 2月</td>
                <td>2890</td>
                <td>37</td>
                <td>44</td>
              </tr>
              <tr>
                <td>2025年 3月</td>
                <td>2994</td>
                <td>33</td>
                <td>37</td>
              </tr>
              <tr>
                <td>2025年 4月</td>
                <td>3142</td>
                <td>28</td>
                <td>30</td>
              </tr>
            </tbody>
          </table>
        </div>
  
        <!-- 折线图区域 -->
        <div class="chart-container">
          <h4>农机指标相关性热图：</h4>
          <img src="@/assets/images/start-page/machine_status.png" alt="农机运行状态分析的折线图" class="chart-image">
        </div>
  
        <!-- 结论分析 -->
        <div class="analysis-container">
          <h2 style="text-align: center;">结论分析</h2>
          <p>一、累计作业时长分析</p>
        <p>1. 总体趋势：2024年5 - 10月期间，农机累计作业时长相对稳定，维持在3282 - 3342小时之间。2024年11月 - 2025年3月作业时长有所下降，在2813 - 2994小时波动，2025年4月又回升至3142小时 。这可能与农作物种植和收获季节相关，秋冬季节部分农作物进入休眠期或收获完成，农机使用需求降低，而春季随着新一季农事活动开展，作业时长又开始增加。</p>
        <p>2. 波动原因：作业时长的波动除受农事季节性影响外，还可能与天气状况有关。例如在雨季或极端天气时，农机无法正常作业，导致作业时长减少。 </p>
        <p>二、累计故障次数分析</p>
        <p>1. 故障趋势：累计故障次数整体呈现先波动后上升的趋势。2024年5 - 9月故障次数在13 - 25次之间波动，2024年10月 - 2025年1月故障次数逐渐增加，2025年1月达到42次的高峰，之后2 - 4月有所回落。故障次数增加可能是由于农机长时间使用，零部件磨损加剧，尤其是在作业高峰期后，故障隐患逐渐显现。</p>
        <p>2. 与作业时长关联：故障次数与作业时长存在一定关联。在作业时长较高的阶段后，往往伴随着故障次数的增加，如2024年9月作业时长较高，随后10月及之后几个月故障次数上升。说明农机连续高强度作业后，更易出现故障。</p>
        <p>三、累计维护次数分析</p>
        <p>1. 维护趋势：累计维护次数随着时间推移总体呈上升态势。从2024年5月的20次逐步增加到2025年1月的48次，之后2 - 4月有所减少，但仍高于前期水平。这与故障次数的变化趋势基本相符，故障次数增多促使维护次数相应增加，以保障农机正常运行。 </p>
        <p>2. 维护合理性：维护次数与故障次数相关联，一定程度上反映了农机维护策略的合理性。在故障高发期后，维护次数增加，有助于及时修复农机问题，降低后续故障发生概率。但也需关注过度维护或维护不及时的情况，避免资源浪费或影响农机正常使用。</p>
        <p>四、综合建议</p>
        <p>1. 维护计划调整：根据农机作业时长和故障规律，在作业高峰期后，提前制定更详细的维护计划，增加预防性维护措施，如定期检查关键零部件磨损情况，及时更换易损件，降低故障发生率。</p>
        <p>2. 设备更新与储备：鉴于农机在使用过程中故障逐渐增多，考虑适时更新老旧设备，提高农机整体性能和可靠性。同时，在作业高峰期储备必要的零部件，确保在出现故障时能快速维修，减少停机时间。 </p>
        <p>3. 数据持续监测：持续记录和分析农机使用数据，结合当地农事特点和气候变化，进一步优化农机调度和使用方案，提高农机使用效率和使用寿命。 </p>
    
        </div>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    name: 'Ddreports',
    methods: {
      goBack() {
        // 返回上一页的逻辑，根据具体应用场景可以修改
        this.$router.go(-1);
      }
    }
  };
  </script>
  
  <style scoped>
  /* 全局样式 */
  .ddreports-container {
    padding: 20px;
    font-size: 16px;
    color: #333;
    background-color: #fff;
  }
  
  /* 头部导航栏 */
  .header {
    display: flex;
        justify-content: center; /* 水平居中 */
    align-items: center;
    margin-bottom: 20px;
  }
  
  .back-button {
    background-color: transparent;
    border: none;
    color: #556b2f;
    font-size: 20px;
    cursor: pointer;
    margin-right: 10px;
  }
  h2 {
    color: #556b2f;
    margin: 0;
    /* margin-right: 50px;  向右移动一点 */
    flex-grow: 1;
    text-align: center;
  }
  
  /* 内容区域 */
  .content {
    max-width: 600px;
    margin: 0 auto;
  }
  
  /* 表格样式 */
  .table-container {
    margin: 20px 0;
    background-color: #f0f8ff; 
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  .table-container table {
    width: 100%;
    border-collapse: collapse;
  }
  
  .table-container th,
  .table-container td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
  }
  
  .table-container th {
    background-color: #4caf50;
    color: white;
  }
  
  /* 折线图样式 */
  .chart-container {
    margin: 20px 0;
    text-align: center;
  }
  
  .chart-image {
    width: 100%;
    height: auto;
    max-height: 400px; /* 根据需要调整 */
  }
  
  /* 分析区域 */
  .analysis-container {
    padding: 20px;
    background-color: #f0f8ff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  /* 响应式布局 */
  @media (max-width: 600px) {
    .content {
      max-width: 100%;
    }
  
    .chart-image {
      max-height: 300px; /* 根据需要调整 */
    }
  }
  </style>
  